<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
</head>
<body>
    <h1 name="top">1基本标签</h1>
    <h2>2基本标签</h2>
    <h3>3基本标签</h3>
    <h4>4基本标签</h4>
    <h5>5基本标签</h5>
    <h6>6基本标签</h6>

    <hr side="5" color="red"/>

    <p>这是一个段落这是一个段落<br/>这是一个段落这是一个段落这是一个段落这是一个段落这是一个段落这是一个段落这是一个段落</p>
    <p>这是一个段落这是一个段落这是一个段落这是一个段落这是一个段落这是一个段落这是一个段落这是一个段落这是一个段落</p>

    <hr size="5" color="blue"/>

    <p>
        <a href="https://www.runoob.com/html/html-tutorial.html">一个超链接</a>
    </p>
    <!-- target是可选的 _blank是指在新的页面打开 -->
    <p>
        <a href="https://www.baidu.com/" target="_blank">一个超链接</a>
    </p>

    <p><a href="./hello.html" download>同一个站点：相对路径</a></p>
    <p><a href="/html/hello.html" title="文字提示">同一个站点：绝对路径</a></p>
    <p><a href="#top">锚点链接，跳转到top</a></p>

    <hr size="5" color="blue"/>
    <img src="/a.jpg" alt="替换文字" title="文字提示" height="200"/>
    <!-- 无序列表 -->
    <ul>
        <li>第1项</li>
        <li>第2项</li>
        <li>第3项</li>
        <li>第4项</li>
        <li>第5项</li>
        <li>第6项</li>
        <li>第7项</li>
        <li>第8项</li>
        <li>第9项</li>
        <li>第10项</li>
    </ul>
    <!-- 有序列表 -->
    <ol>
        <li>第1项</li>
        <li>第2项</li>
        <li>第3项</li>
        <li>第4项</li>
        <li>第5项</li>
        <li>第6项</li>
        <li>第7项</li>
        <li>第8项</li>
        <li>第9项</li>
        <li>第10项</li>
    </ol>

    
</body>
</html>